<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" href="https://res.wx.qq.com/open/libs/weui/2.3.0/weui.min.css" />
</head>

<body class="dpflex fdcolumn">
    <!-- 内容区 -->
    <main>
        <!-- 轮播图 -->
        <div class="swiper-container">
            <div class="swiper-wrapper">
                <div class="swiper-slide bg1">
                </div>
                <div class="swiper-slide bg2">
                </div>
            </div>
            <div class="swiper-pagination"></div>
        </div>
        <div class="page__hd">
            <div class="weui-cells demo_badge_cells">
                <div class="weui-cell weui-cell_active weui-cell_access ">
                    <div class="weui-cell__hd">
                        <img id="UserPic" width="100" height="100" class="headerPic">
                    </div>
                    <div class="weui-cell__bd">
                        <span id="UserName"></span>
                    </div>
                    <a href="/userInfo.html">
                        <span class="weui-cell__ft"></span>
                    </a>
                </div>
                <div class="demo_badge_desc">个性签名：
                    <span id="UserText"></span>
                </div>
            </div>

            <div class="weui-cells demo_badge_cells mb20">
                <div role="link" class="weui-cell weui-cell_active weui-cell_access ">
                    <span class="weui-cell__bd">
                        <span class="demo_badge_title">累计打卡
                            <span></span>天</span>
                    </span>
                    <span class="bgb">今日打卡</span>
                </div>
            </div>

            <div class="weui-cells demo_badge_cells mb20">
                <div role="link" class="weui-cell weui-cell_active weui-cell_access ">
                    <span class="weui-cell__bd">
                        <span class="demo_badge_title">个人动态</span>
                    </span>
                    <span class="weui-cell__ft">
                        <span></span>条</span>
                </div>
            </div>

            <div class="weui-cells demo_badge_cells mb20">
                <div role="link" class="weui-cell weui-cell_active weui-cell_access ">
                    <span class="weui-cell__bd">
                        <span class="demo_badge_title">运动数据</span>
                    </span>
                    <span class="weui-cell__ft"></span>
                </div>
                <div class="weui-cell-RunBox dpflex">
                    <div class="flbox">
                        <span>总运动</span>
                        <span>
                            <span class="runningNum">99999</span>分钟</span>
                    </div>
                    <div class="frbox">
                        <span>本周消耗</span>
                        <span>
                            <span class="runningNum">99999</span>千卡</span>
                    </div>
                </div>
            </div>

            <div class="weui-cells demo_badge_cells mb20">
                <div role="link" class="weui-cell weui-cell_active weui-cell_access ">
                    <span class="weui-cell__bd">
                        <span class="demo_badge_title">我的运动徽章</span>
                    </span>
                    <span class="weui-cell__ft"></span>
                </div>
                <div class="weui-cell-HuiBox dpflex jsaround">
                        <div class="HuiPicbox"></div>
                        <div class="HuiPicbox"></div>
                        <div class="HuiPicbox"></div>
                    </div>
            </div>


        </div>
    </main>

    <footer></footer>

    <script src="https://res.wx.qq.com/open/libs/weuijs/1.2.1/weui.min.js" charset="utf-8"></script>
</body>

</html>